<template>
    <div class="container">
        <div class="header">
            <mt-header title="问答">
                <router-link to="/silkbag" slot="left">
                    <mt-button icon="back"></mt-button>
                </router-link>
            </mt-header>
        </div>
        <div class="content">
            <div class="con">
                <h3>宝宝晒太阳有什么事项</h3>
                <div><span class="img"><img src="" alt="" srcset=""></span><span>小糖果</span></div>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing 
                    elit. Minus, quibusdam! Dignissimos, culpa similique. In, ratione numquam. Aliquam optio nisi cumque recusandae. Laborum distinctio eum ex porro dignissimos reiciendis, hic ea!</p>
            </div>
            <div class="con">
                <h3>宝宝晒太阳有什么事项</h3>
                <div><span class="img"><img src="" alt="" srcset=""></span><span>小糖果</span></div>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing 
                    elit. Minus, quibusdam! Dignissimos, culpa similique. In, ratione numquam. Aliquam optio nisi cumque recusandae. Laborum distinctio eum ex porro dignissimos reiciendis, hic ea!</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="" scoped>
    .content{
        margin-top: 5%
    }
    .con{
        width: 100%;
        height: 30%;
         background:#F0E7D1;
        margin-bottom: 8%;
        padding: 5% 2% 0

    }
    .con h3{
        margin-bottom: 8px;
    }
    .con .img{
        float: left;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: white;
        margin-right: 10px
    }
    .con span{
        line-height: 30px;
    }
    .con p{
        width: 100%;
        margin-top: 8px
    }
</style>
